<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>吉林师范大学学历学位查询报告</title>
    <style>
        body {
            padding: 0;
            margin: 0;
            width: 100vw;
            height: auto;
            display: flex;
            justify-content: center;
        }
        #box {
            width: 80%;
            height: auto;
            position: relative;
            margin-top: 22%;
        }
        @media print {
            #printButton {
                display: none; /* 确保打印时不显示 */
            }
        }
    </style>
    <script>
        function printReport() {
            window.print();
        }
    </script>
</head>

<body>
<img th:src="${imageUrl}" alt="" style="position: absolute; z-index: -1; width: 100%;">
<div id="box">
    <p style="text-align: center;font-size: 27px;font-weight: bold;">吉林师范大学学历学位查询报告</p>
    <div style="float: right;">
        <p th:text="'报告编号：' + ${reportNumber}"></p>
        <p th:text="'查询时间：' + ${queryDate}"></p>
    </div>
    <div style="text-indent: 2em;width: 100%;display: inline-block;">
        <p th:text="'申请人：' + ${name} + ' (身份证号：' + ${idCard} + ')'"></p>
        <p th:text="'姓名：' + ${name}"></p>
        <p th:text="'性别：' + ${gender}"></p>
        <p th:text="'民族：' + ${nation}"></p>
        <p th:text="'籍贯：' + ${nativePlace}"></p>
        <p th:text="'出生日期：' + ${birthday}"></p>
        <p th:text="'学位授予单位：' + ${school}"></p>
        <p th:text="'学制：' + ${educationalSystem}"></p>
        <p th:text="'毕业时间：' + ${graduationDate}"></p>
        <p th:text="'学位层级：' + ${degreeLevel}"></p>
        <p th:text="'学位类别：' + ${degreeType}"></p>
        <p th:text="'学位证书编号：' + ${degreeCertificateNum}"></p>
        <p>在线验证网址：<a th:href="${verificationUrl}" th:text="${verificationUrl}"></a></p>
    </div>
    <div style="float: right;">
        <p style="text-align: center;">吉林师范大学档案馆</p>
        <p id="datetimebottom" style="text-align: center;"></p>
    </div>
</div>
<button id="printButton" onclick="printReport()" style="position: fixed; bottom: 20px; right: 20px; padding: 10px 20px; font-size: 16px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer;">打印报告</button>

</body>
</html>
